@import '../index.scss';

.g-upload {
  overflow: auto;

  .item {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 100px;
    height: 100px;
    margin: 0 10px 10px 0;
    border-radius: 5px;
    &-img {
      width: 100%;
      height: 100%;
    }
    &-error {
      border: 1px solid $color-red;
    }
    &-process {
      @extend .mask;
      cursor: pointer;
      &-item {
        @extend .center;
      }
    }
    &-action {
      @extend .mask;
      position: absolute;
      background: transparent;
      &-icon {
        @extend .center;
        display: none;
      }
      &-eye {
        color: $color-white;
        font-size: $font-size;
        margin-right: 10px;
        cursor: pointer;
      }
      &-delete {
        color: $color-white;
        font-size: $font-size;
        cursor: pointer;
      }
      &:hover {
        background: $color-gray-tran;
        .item-action-icon {
          display: inline;
        }
      }
    }
  }

  .button {
    position: relative;
    display: inline-block;
    width: 100px;
    height: 100px;
    background: $color-gray-light;
    border-radius: 5px;
    &-items {
      @extend .center;
      text-align: center;
      cursor: pointer;
    }
    &-plus {
      color: $color-gray-dark;
      font-size: $font-size-ll;
    }
  }

  /*------------------------重写antd样式------------------------*/
  .ant-progress-text {
    color: $color-white;
  }
}
